.card {
    display: inline-block;
    background: url('img/cards-large.png') no-repeat -187em -120em;

    background-size: 374em 240em;
    width: 34em;
    height: 48em;
    font-size: 1px;
    vertical-align: bottom;
    /*margin: 2em;*/
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.card + .card {
    margin-left:8pt;
}

.card.highlight {
    border-radius: 8pt;
    border: 2pt solid #AE5;
}

.card.kicker {
    opacity: 0.6;
}

.card.tiny {
    font-size: 0.5px;
}

/*.card.tiny:hover,*/
.card.small {
    font-size: 1px;
}

.card.medium {
    font-size: 1.5px;
}

/*.card:hover:not(.card-encrypted):not(.card-unknown),*/
/*.card.medium:hover,*/
.card.large {
    font-size: 2px;
}

.card-unknown,
.card-encrypted {
    background-position: -272em -192em;
}


.C225 { background-position: 0 0; } /** A♣ **/
.C209 { background-position: -34em 0; } /** K♣ **/
.C193 { background-position: -68em 0; } /** Q♣ **/
.C177 { background-position: -102em 0; } /** J♣ **/
.C161 { background-position: -136em 0; } /** 10♣ **/
.C145 { background-position: -170em 0; } /** 9♣ **/
.C129 { background-position: -204em 0; } /** 8♣ **/
.C113 { background-position: -238em 0; } /** 7♣ **/
.C97 { background-position: -272em 0; } /** 6♣ **/
.C81 { background-position: -306em 0; } /** 5♣ **/
.C65 { background-position: -340em 0; } /** 4♣ **/
.C49 { background-position: 0 -48em; } /** 3♣ **/
.C33 { background-position: -34em -48em; } /** 2♣ **/
.C228 { background-position: -68em -48em; } /** A♠ **/
.C212 { background-position: -102em -48em; } /** K♠ **/
.C196 { background-position: -136em -48em; } /** Q♠ **/
.C180 { background-position: -170em -48em; } /** J♠ **/
.C164 { background-position: -204em -48em; } /** 10♠ **/
.C148 { background-position: -238em -48em; } /** 9♠ **/
.C132 { background-position: -272em -48em; } /** 8♠ **/
.C116 { background-position: -306em -48em; } /** 7♠ **/
.C100 { background-position: -340em -48em; } /** 6♠ **/
.C84 { background-position: 0 -96em; } /** 5♠ **/
.C68 { background-position: -34em -96em; } /** 4♠ **/
.C52 { background-position: -68em -96em; } /** 3♠ **/
.C36 { background-position: -102em -96em; } /** 2♠ **/
.C226 { background-position: -136em -96em; } /** A♦ **/
.C210 { background-position: -170em -96em; } /** K♦ **/
.C194 { background-position: -204em -96em; } /** Q♦ **/
.C178 { background-position: -238em -96em; } /** J♦ **/
.C162 { background-position: -272em -96em; } /** 10♦ **/
.C146 { background-position: -306em -96em; } /** 9♦ **/
.C130 { background-position: -340em -96em; } /** 8♦ **/
.C114 { background-position: 0 -144em; } /** 7♦ **/
.C98 { background-position: -34em -144em; } /** 6♦ **/
.C82 { background-position: -68em -144em; } /** 5♦ **/
.C66 { background-position: -102em -144em; } /** 4♦ **/
.C50 { background-position: -136em -144em; } /** 3♦ **/
.C34 { background-position: -170em -144em; } /** 2♦ **/
.C227 { background-position: -204em -144em; } /** A♥ **/
.C211 { background-position: -238em -144em; } /** K♥ **/
.C195 { background-position: -272em -144em; } /** Q♥ **/
.C179 { background-position: -306em -144em; } /** J♥ **/
.C163 { background-position: -340em -144em; } /** 10♥ **/
.C147 { background-position: 0 -192em; } /** 9♥ **/
.C131 { background-position: -34em -192em; } /** 8♥ **/
.C115 { background-position: -68em -192em; } /** 7♥ **/
.C99 { background-position: -102em -192em; } /** 6♥ **/
.C83 { background-position: -136em -192em; } /** 5♥ **/
.C67 { background-position: -170em -192em; } /** 4♥ **/
.C51 { background-position: -204em -192em; } /** 3♥ **/
.C35 { background-position: -238em -192em; } /** 2♥ **/